<ion-view set-dom>
    <ion-header-bar ng-show="!isSearch" align-title="center" class="com-header bg-f7 border-1px-ccc">
        <div class="buttons">
            <button ng-click="back()" class="button fs-0"><i class="icon ion-ios-arrow-back color-333 fs-18"></i>
            </button>
        </div>
        <h1 class="title">我的订单</h1>
        <div class="buttons">
            <button ng-click="toggleSearch()" class="com-h-search fs-0"><i class="icon ion-ios-search-strong color-base fs-16"></i></button>
        </div>
    </ion-header-bar>
    <ion-content overflow-scroll="false" scrollbar-y="false" has-bouncing="false">
        <com-tab class="orderTabs text-center fs-14 pl-15 pr-15 h-40 lh-40 border-1px-ccc" tabs="tabs" click="switchTab" active="isActive"></com-tab>

        <div ng-show="isActive('全部')" class="my-tabs-cont my-tabs-service">
            <div ng-if="false" class="text-center color-999 fs-14 mar-t-30">暂未更新服务信息</div>
            <div class="com-list bg-white">
                <div ng-repeat="item in orderList" class="com-list-item border-1px-f5">
                    <div ng-click="showDetail(item)" class="weui-flex " ng-class="{true:'is-edit'}[item.isEdit]" style="">
                        <div ng-click="toDetail($index, item.id)" class="img-cont">
                            <img src="./asset/car_customer/images/data/shop.jpg" class="img">
                            <!--<div class="mask fs-10 text-center color-white">商家休息中</div>-->
                        </div>
                        <div ng-click="toDetail($index, item.id)" class="weui-flex__item item-cont pl-0">
                            <div class="my-title fs-0">
                                <h2 class="title color-333 fs-14 inline-block txt-line-1">重庆靓车会专业汽车重庆靓车会专业汽车</h2>
                            </div>
                            <div class="detail fs-10 color-999 mt-10 mb-5">总价：￥168.00</div>
                            <div class="adress fs-10 color-ccc ver-top txt-line-1">
                                下单时间：2017-08-08 12:12:00
                            </div>
                        </div>
                        <div ng-show="$index==0" class="more fs-14 color-blue" style="display: block;">
                            <span class="color-ioy-red">待付款</span>
                            <div ng-click="showCard(item)" class="text-center fs-10 fr bg-white color-ioy-red pl-0 pr-0 w-70 lh-22 mt-35 border-radius-5" style="border: 1px solid #f63b3b;">取消订单</div>
                        </div>
                        <div ng-show="$index!=0" class="more fs-14 color-999" style="display: block;">
                            <span ng-show="$index==1" class="color-333">已完成</span>
                            <span ng-show="$index==2" class="color-333">办理中</span>
                            <span ng-show="$index==3" class="color-999">已退款</span>
                            <div class="text-center fs-10 fr bg-999 pl-0 pr-0 w-70 lh-22 mt-35 bg-white color-blue border-radius-5" style="border: 1px solid #008fff;">再来一单</div>
                        </div>
                    </div>
                    <div ng-show="$index==0" class="text-center mt-10">
                        <span class="color-red fs-10">待支付订单只保留2小时，请及时完成订单支付</span>
                    </div>
                </div>
            </div>
        </div>
        <div ng-show="isActive('2')" class="my-tabs-cont my-tabs-service"></div>
    </ion-content>



</ion-view>
